.washingLoader {
  user-select: none;
  width: 120px;
  height: 150px;
  background-color: #eee;
  margin: 100px auto;
  position: relative;
  background-repeat: no-repeat;
  background-image: linear-gradient(#ddd 50%, #bbb 51%),
    linear-gradient(#ddd, #ddd), linear-gradient(#ddd, #ddd),
    radial-gradient(
      ellipse at center,
      rgb(0, 255, 255) 25%,
      #eee 26%,
      #eee 50%,
      #0000 55%
    ),
    radial-gradient(
      ellipse at center,
      rgb(0, 255, 0) 25%,
      #eee 26%,
      #eee 50%,
      #0000 55%
    ),
    radial-gradient(
      ellipse at center,
      rgb(255, 0, 0) 25%,
      #eee 26%,
      #eee 50%,
      #0000 55%
    );
  background-position: 0 20px, 45px 0, 8px 6px, 55px 3px, 75px 3px, 95px 3px;
  background-size: 100% 4px, 1px 23px, 30px 8px, 15px 15px, 15px 15px, 15px 15px;
  border-radius: 6%;
  transform-origin: 60px 180px;
  animation: shake 3s ease-in-out infinite;
  &::before,
  &::after {
    content: "";
    position: absolute;
  }
  &::before {
    left: 5px;
    top: 100%;
    width: 7px;
    height: 5px;
    background-color: #aaa;
    border-radius: 0 0 4px 4px;
    box-shadow: 102px 0 #aaa;
  }
  &::after {
    width: 95px;
    height: 95px;
    inset-inline: 0;
    bottom: 20px;
    margin: auto;
    background-color: #bbdefb;
    border-radius: 50%;
    box-sizing: border-box;
    border: 10px solid #ddd;
    box-shadow: 0 0 0 4px #999 inset, 0 0 6px 6px #0004 inset;
    background-image: linear-gradient(
        to right,
        #0004 0%,
        #0004 49%,
        #0000 50%,
        #0000 100%
      ),
      linear-gradient(135deg, #64b5f6 50%, #607d8b 51%);
    background-size: 30px 100%, 90px 80px;
    background-position: 0 0;
    background-repeat: repeat, no-repeat;
    animation: spin 3s ease-in-out infinite;
  }
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(360deg);
  }
  75% {
    transform: rotate(750deg);
  }
  100% {
    transform: rotate(1800deg);
  }
}
@keyframes shake {
  65%,
  80%,
  88%,
  96% {
    transform: rotate(0.5deg);
  }
  50%,
  75%,
  84%,
  92% {
    transform: rotate(-0.5deg);
  }
  0%,
  50%,
  100% {
    transform: rotate(0);
  }
}
